<script setup lang="ts">
import { ref, watchEffect } from 'vue';
// 定义一个响应式变量
var count = ref(0);
// 定义一个方法用于增加计数
function increment(){
console.log(count.value);
count.value++;
};
// 使用 watchEffect 侦听 count 的变化
watchEffect(() => {
console.log(`count 的当前值为： ${count.value}`);
}); </script>
<template>
<div>
<p>当前计数: {{ count }} </p>
<button @click="increment">增加</button>
</div>
</template>
<style scoped>
button {
padding: 5px 10px;
font-size: 16px;
} </style>